<link href="/video/css/video-js.css" rel="stylesheet">
<script src="/video/js/videojs-ie8.min.js"></script>
<script src="/video/js/video.js"></script>


<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="1000" height="414" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
    <track kind="captions" src="/video/shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="/video/shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>



<script>
//    var player = videojs('really-cool-video', { /* Options */ }, function() {
//        console.log('Good to go!');
//
//        this.play(); // if you don't trust autoplay for some reason
//
//        // How about an event listener?
//        this.on('ended', function() {
//            console.log('awww...over so soon?');
//        });
//    });
</script>